<template>
    <div id="user">
        <!-- <NavigationBar></NavigationBar> -->
        <el-container>
        <!-- 顶栏 -->
        <el-header height="60px">
            <HeadNavigation></HeadNavigation>
        </el-header>
        <!-- 嵌套容器 -->
        <el-container>
            <!-- 侧边导航菜单 -->
            <!-- <el-aside width="150px"></el-aside> -->
            <!-- 内容 -->
            <el-main>
            <el-row>
                <el-col :span="24" class="col3">
                <router-view></router-view>
                </el-col>
            </el-row>
            </el-main>
        </el-container>
        <!-- 底栏 -->
        <!-- <el-footer height="30px"></el-footer> -->
        </el-container>
    </div>
</template>

<script>
import HeadNavigation from './HeadNavigation.vue';
export default {
    name: 'User',
    components: {
        HeadNavigation
    }
}
</script>

<style>
/*@import url('./assets/css/reset.css');*/
#user {
  /* font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  text-align: center;
  /* color: #2c3e50;
  margin-top: 60px; */
}

.el-header {
  color: white;
}

.el-footer {
  background-color: #909399;
  color: black;
  text-align: center;
}

.el-aside {
  background-color: chartreuse;
}

/* .el-main {
  
} */

.el-col {
  height: 600px;
}

/* .col3 {
  
} */
</style>
